<header class="header-wrap pos-f w100 tran03 z9999">
    <div class="container h100">
        <div class="pc-header-wrap h100 header-content-item header-top-wrap flex rcb">
            <a href="/" class="left-wrap web-name-wrap pic-wrap">
                <img src="{dede:global.cfg_templets_skin/}/img/img_header_logo.png" alt="" class="pic-img web-logo-img"/>
            </a>
            <div class="right-wrap header-menu-wrap flex rcb pic-wrap">
                <div class="header-btn-item">
                    <a href="{dede:global.cfg_en_url/}" target="_blank" class="btn-item-a f-fff language-btn-item">CH</a>
                </div>
                <div class="verticle-line f-fff ml-10 mr-10">|</div>
                <div class="header-btn-item">
                    <a href="/" class="btn-item-a f-fff language-btn-item cur">EN</a>
                </div>
                <div class="header-btn-item ml-20">
                    <a href="javascript:onShowMenu();" class="btn-item-a">
                        <img src="{dede:global.cfg_templets_skin/}/icon/icon_menu.png" alt="" class="btn-icon" />
                    </a>
                </div>
            </div>
        </div>
        <div class="mobile-header-wrap flex rcb none">
            <div class="header-item-wrap left-btn-wrap pos-r z99">
                <div class="pic-wrap btn-item menu-btn-item" onclick="onShowMenu();">
                    <img src="{dede:global.cfg_templets_skin/}/icon/icon_menu_black.png" alt="" class="pic-img btn-icon" />
                </div>
            </div>
            <div class="header-item-wrap web-name-wrap pos-a w100 text-c">
                <a href="/" class="pic-wrap logo-wrap">
                    <img src="{dede:global.cfg_templets_skin/}/img/img_mobile_logo.png" alt="" class="pic-img logo-img" />
                </a>
            </div>
            <div class="header-item-wrap language-btn-wrap pos-r z99">
                <a href="{dede:global.cfg_en_url/}" target="_blank" class="btn-item language-btn-item">CH</a>
                <span class="btn-line">|</span>
                <a href="/" class="btn-item language-btn-item cur">EN</a>
            </div>
        </div>
    </div>
</header>

<nav class="nav-wrap web-nav-wrap pos-f w100 h100 none z99999">
    <div class="container pc-content-wrap">
        <div class="nav-top-wrap flex rsb">
            <a href="/" class="pic-wrap nav-logo-wrap">
                <img src="/uploads/index/img_footer_logo.png" alt="" class="pic-img logo-img" />
            </a>
            <div class="pic-wrap btn-item close-btn-item cur-p" onclick="onShowMenu();">
                <img src="{dede:global.cfg_templets_skin/}/icon/icon_close_white.png" alt="" class="pic-img btn-icon" />
            </div>
        </div>
        <ul class="container list-wrap nav-list-wrap flex rsb">
            {dede:channelartlist typeid='1,2,3,4,5,6,7'}
            <li class="list-item nav-list-item pl-10 pr-10">
                <a href="{dede:field name='typeurl'/}" class="list-item-a nav-list-item-a f-fff text-l block">
                    <div class="title text-line line-2">{dede:field name='typename'/}</div>
                </a>
                <dl class="sub-nav-list">
                    {dede:channel currentstyle="<dd class='sub-nav-item cur text-l'><a href='~typelink~' class='sub-nav-item-a text-line line-2 cur'>~typename~</a></dd>"}
                    <dd class="sub-nav-item text-l">
                        <a href="[field:typelink/]" class="sub-nav-item-a text-line line-2">[field:typename/]</a>
                    </dd>
                    {/dede:channel}
                </dl>
            </li>
            {/dede:channelartlist}
        </ul>
    </div>

    <div class="none mobile-content-wrap pos-r flex rcb">
        <div class="nav-left-wrap over-ys">
            <ul class="list-wrap nav-list-wrap pb-3">
                {dede:channelartlist typeid='1,2,3,4,5,6,7'}
                <li class="list-item nav-list-item">
                    <div href="{dede:field name='typeurl'/}" class="list-item-a nav-list-item-a f-fff flex ccc">
                        <div class="title">{dede:field name='typename'/}</div>
                    </div>
                    <dl class="sub-nav-list">
                        {dede:channel currentstyle="<dd class='sub-nav-item cur'><a href='~typelink~' class='sub-nav-item-a text-o cur'>~typename~</a></dd>"}
                        <dd class="sub-nav-item">
                            <a href="[field:typelink/]" class="sub-nav-item-a text-o">[field:typename/]</a>
                        </dd>
                        {/dede:channel}
                    </dl>
                </li>
                {/dede:channelartlist}
            </ul>
        </div>
        <div class="right-blank-wrap" onclick="onShowMenu();"></div>
    </div>
</nav>

<div class="placeholder-wrap none"></div>